<template>
    <div class="list">
        <div class="til">
            <van-icon name="arrow-left" @click="$router.history.go(-1)" />
            <span>{{ til }}</span>
        </div>
        <div class="zonghe">
            <p>综合推荐</p>
            <p>销量
                <van-icon name="arrow-down" />
            </p>
            <p>价格
                <van-icon name="arrow-down" />
            </p>
            <p>新品</p>
        </div>
    </div>
</template>

<script>
export default {
    props: {
        til: String,
    },
    data() {
        return {
            
        };
    },
    mounted() {
        // let tabs = this.$store.state.tabs
        console.log(this.$props, 'tabs')
        // this.tabs = tabs
    },

    methods: {


    },
};
</script>

<style scoped lang="scss">
.til{
    position: relative;
    margin-top: 10px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    span{
        position: absolute;
        right: 50%;
    }
}
.zonghe {
    display: flex;
    justify-content: space-around;
    align-items: center;

    p {
        color: #323232;
        font-size: 14px;
    }
}
</style>